<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>我的问答</title>
    <link rel="stylesheet" href="../css/personage.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../underscore/underscore-min.js"></script>
    <script type="text/javascript" src="../js/list_more.js"></script>
    <script type="text/javascript" src="../js/paging.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="../images/index_log.jpg" /> 
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap my_deal">
        <div class="personage_nav">
            <div class="personage_nav_title">账户</div>
            <ul class="personage_nav_list">
                <li class="active item1">
                    <span></span>动态
                </li>
                <li class="item2">
                    <span></span>我的钱包
                </li>
                <li class="item3">
                    <span></span>实名认证
                </li>
                <li class="item4">
                    <span></span>账户安全
                </li>
                <li class="item5">
                    <span></span>人才归档
                </li>
            </ul>
            <div class="personage_nav_title">任务管理</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>我的预约
                </li>
                <li class="item7">
                    <span></span>我的项目
                </li>
                <li class="item8">
                    <span></span>我的问答
                </li>
            </ul>
            <div class="personage_nav_title">消息</div>
            <ul class="personage_nav_list">
                <li class="item9">
                    <span></span>消息中心<i>10</i>
                </li>
            </ul>
            <div class="personage_nav_title">我的收藏</div>
            <ul class="personage_nav_list">
                <li class="item10">
                    <span></span>收藏的资讯
                </li>
                <li class="item11">
                    <span></span>收藏的人才
                </li>
                <li class="item12">
                    <span></span>收藏的问答
                </li>
                <li class="item13">
                    <span></span>收藏的项目
                </li>
            </ul>
        </div>
        <div class="personage_main my_questions_main">
            <div class="personage_main_in">
                <div class="my_deal_tab color_333" id="deal_tab">
                    <ul>
                        <li class="item active">我的提问</li>
                        <li class="item">我的回答</li>
                        <li class="item">我关注的问题</li>
                        <li class="item margin">我喜欢的回答</li>
                    </ul>
                </div>
                <div class="my_questions_list">
                    <div class="my_questions_list_in">
                        <div class="my_questions_list_1 my_questions_list_item">
                            <ul>
                                <li class="item">
                                    <div class="item_topic color_333">如何看待北京大学医学部周德敏/张礼和课题组在病毒疫苗领域取得重大突破？</div>
                                    <div class="item_icon">
                                        <span  class="color_aaa">2016-12-6</span>
                                        <span  class="color_aaa"><i class="color_309bff">23</i>关注</span>
                                        <span  class="color_aaa"><i class="color_309bff">48</i>回答</span>
                                    </div>
                                </li>
                                <li class="item">
                                    <div class="item_topic color_333">如何看待北京大学医学部周德敏/张礼和课题组在病毒疫苗领域取得重大突破？</div>
                                    <div class="item_icon">
                                        <span  class="color_aaa">2016-12-6</span>
                                        <span  class="color_aaa"><i class="color_309bff">23</i>关注</span>
                                        <span  class="color_aaa"><i class="color_309bff">48</i>回答</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="my_questions_list_2 my_questions_list_item">
                            <ul>
                                <li class="item">
                                    <div class="subject color_333">如何看待北京大学医学部周德敏/张礼和课题组在病毒疫苗领域取得重大突破？</div>
                                    <div class="item_detail">
                                        <div class="img border_radius_50">
                                            <img src="../images/problem_list_img2.jpg" alt="" />
                                        </div>
                                        <div class="main">
                                            <div class="name">
                                                <span class="color_333">马化腾</span><i class="color_aaa">著名CEO</i>
                                            </div>
                                            <p class="info color_333">正如 @张浩千 答案里所说，文章里所用的系统是Peter Schultz研究团队最早建立起来的，这也是合成生物学里很有前景的一个分支。详细可以参考「生物正交化学」是一个什么领域？在做哪些研究？ - 生物学 -知乎；本人不是化学专业出身，所以理解的可能有不到位的地方，欢迎批评指正。化学上，正交的目的是...
                                                <span class="more color_309bff">显示全部</span>
                                            </p>
                                            <div class="icon color_aaa">
                                                <span><i class="color_309bff">31</i>喜欢</span>
                                                <span><i class="color_309bff">15</i>评论</span>
                                                <em>20分钟前</em>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="my_questions_list_3 my_questions_list_item">
                            <ul>
                                <li class="item">
                                    <span class="icon border_radius_50"></span>
                                    <div class="title color_333">抱歉，您发布的 XXX 技术需求审核未通过。感谢您对我们平台的关注和支持</div>
                                    <div class="reason color_309bff">原因：项目需求不明确</div>
                                    <div class="time color_aaa">2016-12-6</div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>    
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
        /*tab栏*/
        $('#deal_tab li').mousemove(function(event) {
            $('#deal_tab li').removeClass('active');
            $(this).addClass('active');
        });
        $('#deal_tab li').click(function(event) {
            var index = $('#deal_tab li').index(this);
            console.log(index);
            $('.my_questions_list_in').animate({"left":-index*780+"px"}, 200)
        });
    });
</script>